<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="../js/easyui/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/easyui/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/easyui/locale/easyui-lang-zh_CN.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="../js/easyui/themes/default/easyui.css" />
	</head>

	<body>
		<span>月份:</span>
		<input editable="false" class="easyui-datebox" type="text" name="date" id="date" value="" data-options="required:true" style="width:200px;"></input>

	</body>
	<script type="text/javascript">
		//格式化日期YYYY-MM-DD
		function formatDate(date) {
			var year = date.getFullYear();
			var month = date.getMonth() + 1;
			month = month < 10 ? '0' + month : month;
			var day = date.getDate();
			day = day < 10 ? '0' + day : day;
			return year + '-' + month + '-' + day;
		}

		console.log(formatDate(new Date()));
		/**
		 * 格式化数字
		 * @param {Object} num 加0后的数字
		 */
		function formatDateNum(num) {
			return num < 10 ? '0' + num : num;
		}
		/**
		 * easyUi datebox只显示年月
		 */
		$('#date').datebox({
			onShowPanel: function() { // 显示日趋选择对象后再触发弹出月份层的事件，初始化时没有生成月份层  
				span.trigger('click'); // 触发click事件弹出月份层  
				if(!tds)
					setTimeout(function() { // 延时触发获取月份对象，因为上面的事件触发和对象生成有时间间隔  
						tds = p.find('div.calendar-menu-month-inner td');
						tds.click(function(e) {
							e.stopPropagation(); // 禁止冒泡执行easyui给月份绑定的事件  
							var year = /\d{4}/.exec(span.html())[0] // 得到年份  
								,
								month = parseInt($(this).attr('abbr'), 10); // 月份  
							$('#date').datebox('hidePanel') // 隐藏日期对象  
								.datebox('setValue', year + '-' + month); // 设置日期的值  
						});
					}, 0);
			},
			formatter: function(date) {
				var y = date.getFullYear();
				var m = formatDateNum(date.getMonth() + 1);
				return y + '-' + m;
			},
			parser: function(s) { //配置parser，返回选择的日期
				if(!s) return new Date();
				var arr = s.split('-');
				return new Date(parseInt(arr[0]), parseInt(arr[1]) - 1, 1);
			}
		});
		var p = $('#date').datebox('panel'), // 日期选择对象  
			tds = false, // 日期选择对象中月份  
			span = p.find('span.calendar-text'); // 显示月份层的触发控件
	</script>

</html>